}header, hgroup, nav, article, section, footer, aside, address{ display:block;}
time{  font-style:italic; padding:0px 5px;}
address{ font-size:11px; padding:10px 10px; text-align:right }
body{  border: 0;
       margin: 0;
       font-family: "Verdana";
       font-size: 13px;
       color: #333;
       -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
       font-smoothing: antialiased;
       overflow-x: hidden;
}
h1{ font-size: 36px; line-height: 40px; margin: 0; padding: 0; position: relative; font-weight: 300; color: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
h1 span{ font-weight: 700; }
a{ color: #333; text-decoration: none;  }
a:hover { color:#406189; text-decoration:none;}
.sidebar h1{ font-size:18px; padding:0px;}
#Wrapper{  width: 1280px; margin:0px auto; border-radius: 4px; background: #FFFFFF; min-height: 0 !important;}
#Wrapper2{ overflow:hidden; width: 100%; }
#header {
  text-align: center;
 
  height: 80px;
  width: 100%;
  position: fixed;
  z-index: 100;
  background: #FFFFFF;
}
.navigation { text-align: left; display: block; line-height: 10px;
    float: left;
    width: 700px;
    padding: 0 0 0 350px;
}

img{
  border: 0;
}
p{
  /*text-align: justify;*/
  padding: 5px;
  text-indent: 20px;
}

.navigation a {
	display: inline-block;
	margin: 0px 4px;
	padding: 0px 6px;
	color: #FFFFFF;
	line-height: 30px;
	font-size: 12px;
}

.navigation a:hover{
	color: #FFFFFF;
	background: #3080FB;
}
.navigation a:active{
	background: #3080FB;
}

.redes-sociales{
  width: 100%;
  text-align: center;
  background: #003366;
  margin: 0 auto;
  border: 0px solid #FFFFFF;
  height: 40px;
}

.redes-sociales div{
  width: 40px;
  height: 35px;
  float: left;
  margin: 0 auto;
}

.titulo-buscador{
  background: #003366;
  background-position-y: -5px;
  background-position-x: -3px;
  background-repeat: no-repeat;
  width: 100%;
  height: 25px;
  color: #FFFFFF;
  padding: 3px;
  text-align: center;
}

.campo-buscador{
  background: url() no-repeat top center;
  width: 230px;
  height: 30px;
}

.campo-buscador input{
  border: 0; width: 165px; height: 24px; margin: 3px;
}

.links-izq{
  width: 100%;
  text-align: center;
}

.btn-links-izq{
  border: 1px solid #BBBBBB;
  padding: 0;
  width: 95%;
  margin: 10px auto;
}

.bannerlateral{
	padding: 0; 
	width: 100%;
	height: 140px; 
	margin: 2px auto; 
	position: relative;
}

.bannerlateral div{
	color: #b0a2ff; 
	font-size: 24px; 
	text-shadow: 1px 1px #000000; 
	position: absolute; 
	left: 15px; 
	top: 40%; 
	text-align: left;
	font-family: "Big Noodle Titling";
}

.titulo-links-izq{
  background: #003366;
  color: #FFFFFF;
  font-size: 15px;
  width: 100%;
  line-height: 25px;
}

.links-izq img{
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

.historia-iframe{
   width: 100%;
   height: 180;
   border: 0;
}

.visible{
  display: block;
}

.invisible{
  display: none;
}

.banner-encabezado{
  width: 100%;
  margin: 80px auto 0;
  text-align: center;
  background: -webkit-radial-gradient(top center, #c72020, #000000);
  background: -moz-radial-gradient(top center, #c72020, #000000);
  background: radial-gradient(top center, #c72020, #000000);
  height: 505px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}

.banner-encabezado img{
  width: 1280px;
}

.borde-contenido{
  padding: 5px;
}

#title h1 a, #title h1 a:hover, #title h1 a:hover, #title h1 a:hover  {
	margin: 40px auto 20px auto;
	padding: 15px auto;
	display: inline-block;
	text-decoration: none;
	color: #444;
	-webkit-font-smoothing: antialiased;
	border-bottom: 6px solid transparent;
	text-rendering: optimizeLegibility;

}

#title h1 a:hover {
}

#title h2 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
	line-height: 140%;
	padding:5px 0px;
}

#title h2 small {
	color: #000;
	font-size: 13px;

	font-weight: bold;
	text-transform: uppercase;
}

#title h2 a {
	text-decoration: none;
	color: #999;
}

#contents{
	float: left;
    width: 60%;
}

#contents img .full {
    width: 98%;
	/*height:80%;
	width:80%;
    -moz-box-shadow: 2px 2px 10px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 10px #ccc;
	border:#ffffff solid 8px;
	margin-top:15px;
	border-radius:6px;
    */
}
#contents h1{ padding:5px 0px;}

#sidebar-wrapper {
	float: left;
	width: 18%;
    margin: 1%;
}

#sidebar-wrapper2 {
	float: left;
	width: 18%;
    margin: 1%;
}

#secciones{
	width: 100%; margin: 0 auto;
	}
#secciones div{    
	width: 33%;
    height: 230px;
    position: relative;
    float: left;
    text-align: center;
	margin-bottom: 20px;
	background-size:contain;
}

#secciones div div{ 
	background: #FFFFFF;
    background-size: cover;
    color: #000000;
    text-align: center;
    width: 100%;
    height: 80px;
    text-transform: uppercase;
    margin: 0;
    background-position: center top;
    line-height: 23px;
    opacity: 0.5;
	top: 35%;
}
#secciones div div a{ 
	text-decoration: none;
    color: #000000;
	opacity:1;
	line-height: 38px;
	font-size: 25px;
}

/*#logo{
  float: left;
  background:url(../images/logo.png) no-repeat center center;
  height:100px;
  width: 300px;
  }*/


.sidebar {
	float: left;
	width:98%;
}

.sidebar ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar ul ul{
  padding: 0 0 0 15px;
  list-style: none;
}

.sidebar li:first-child{
  border-top: 1px solid #999999;
}

.sidebar li{
  padding: 2px 2px;
  border-bottom: 1px solid #999999;
}

.sidebar li a{
  font-size: 11px;
  color: #000099;
}

.sombra{
  box-shadow: 0px 0px 15px #000000;
}

.centrado{
  margin: 0 auto;
}
.flotante{
	float: left;
}
blockquote{ padding:10px; margin:0px 0px;}
blockquote:before {
content: '\201C';
}
blockquote:after {
content: '\201D';
}
#copyrights{}
#copyrights p{ float:left; margin:10px 15px 0px 0px;}

/*.resize { position:fixed;
bottom:0px;
right:0px;
height:80px;
width:80px;
background:url(../images/resize.png) repeat scroll 0% 0% transparent;
}*/

#btn-blog a{
  background: url() no-repeat top center;
  padding: 12px 30px;
  color: #182559;
  font-weight: bold;
  font-size: 18px;
  line-height: 44px;
  cursor: pointer;
}

#cdr-blog{                           
}

.noticias{
  text-align: center;
  width: 100%;
  height: 250px;
}

.swiper-slide .title{
  background: #00378A;
  line-height: 28px;
  margin: 5px;
  padding: 5px;
  text-align: center;
  color: #FFFFFF;
  max-height: 30px;
}

.swiper-slide .blog-img{
  padding: 10px;
  max-height: 100px;
  height: 70px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 10px;
  z-index: 100px;
}

.swiper-slide .blog-parrafo{
  padding: 10px;
  text-align: justify;
  font-size: 12px;
}

.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

/*.blog-titulo{
  font-size: 13px;
  padding: 0;
  margin: 0;
  text-align: center;
}*/


.marca{
  width: 140px;
}

/* Producto Index */
#grupo-prod-index{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.prods-index{
  float: left;
  width: 44%;
  padding: 5px 5px 5px 5px;
}


.cat-prod-index{
  /*background: #ffffff;  Old browsers
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); Chrome,Safari4+
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);  Chrome10+,Safari5.1+
  background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);  Opera 11.10+
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);  IE10+
  background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);  W3C
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); IE6-9
  background: #003366;*/
  text-align: center;
  vertical-align: top;
  width: 100%;
  height: 100px;
}

.cat-prod-index strong{
  font-size: 14px;
  color:#FFFFFF;
  font-weight: normal;
  margin: 3px 3px 3px 3px;
}

.cat-prod-index-img{
  width: 100%;
}

.w-100-index{
  width: 100%;
}

.carac-index{
  padding: 5px 10px 5px 10px;
  vertical-align: top;
  height: 90px;
  width: 95%;
  overflow: hidden;
}

.carac-index span{
  font-weight: bold;
  text-shadow: 1px 1px #DDDDDD;
  color: #000000;
}

.carac-index ul{
  padding: 0;
  margin: 0 0 0 10px;
  text-align: left;
  list-style: none;
  list-style-image: url(../images/vineta.png);
  font-size: 12px;
}

.imagen-index{
  width: 80%;
  margin: 0 auto;
}

.imagen-index img{
  width: 100%;
}

.nomprod-index a{
  color: #FFFFFF;
  font-weight: lighter;
  padding: 10px 0px 0px 0px;
  font-size: 11px;
  margin: 5px;
}


/*fin producto index*/
.vermas{
  color: #FFFFFF;
  background:  #00378A;
  /*background: #003366;  Old browsers
  background: -moz-linear-gradient(top, #003366 0%, #000000 100%);  FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003366), color-stop(100%,#000000));  Chrome,Safari4+
  background: -webkit-linear-gradient(top, #003366 0%,#000000 100%);  Chrome10+,Safari5.1+
  background: -o-linear-gradient(top, #003366 0%,#000000 100%);  Opera 11.10+
  background: -ms-linear-gradient(top, #003366 0%,#000000 100%);  IE10+
  background: linear-gradient(top, #003366 0%,#000000 100%);  W3C
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#000000',GradientType=0 );  IE6-9 */
  padding: 5px;
  margin: 5px;
  border-radius: 4px;
}

.vermas:hover{
  color: #FFFF00;
}

.vermas-costo{
  color: #FFFFFF;
  background: #00378A;
  padding: 5px;
  border-radius: 4px;
}

.vermas-costo:hover{
  color: #FFFF00;
}

.vermas-costo-c{
  color: #FFFFFF;
  background: #00378A;
  padding: 5px;
  border-radius: 4px;
  position: absolute;
  bottom: 1%;
  right: 25%;
}

.preciodesde{
	display: none;
	width: 96%;
	text-align:center;
	padding: 2%;
}

.todo-para-negocio{
  background: #003366;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 10px 0;
}

.tituloscategs{
  color: #333;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: -2px;
  font-family: "Futura Md BT";
  margin: 5px;
}

.extras-productos{
  width: 95%;
  padding: 2%;
}

.extras-productos img{
	width: 50px !important;
}

.costo-detalles{
  width: 130px;
  margin: 0 auto;
  text-align: center;
}

.costo-detalles a.costo{
  font-family: "Futura Md BT";
  font-size: 14px;
  background: url() no-repeat top center;
  line-height: 20px;
  color: #FFFFFF;
  padding: 10px 5px;
  margin: 10px 5px;
}

.fclear{
  clear: both;
  width: 0 !important;
  height: 0 !important;
}

footer #fondo{
  background: -webkit-radial-gradient(top center, #333333, #020203);
  background: -moz-radial-gradient(top center, #333333, #020203);
  background: radial-gradient(top center, #333333, #020203);
  height: 350px;
  padding: 10px;
}

footer #rights{
  color: #FFFFFF;
  text-align: center;
}

footer #rights a{
  color: #FFFFFF;
}

footer #rights a:hover,footer #rights a:active{
  text-decoration: underline;
}

footer .marcas{
  float: left;
}

footer .marcas ul{
  float: left;
}

footer .marcas ul li{
  color: #FFFFFF;
  font-size: 12px;
  list-style: disc;
}

footer .marcas a{
  color: #FFFFFF;
}

footer .marcas a:hover, footer .marcas a:active{
  text-decoration: underline;
}

footer .marcas .titulo-marcas{
  font-size: 13px;
  vertical-align: middle;
  color: #FFFFFF;
  padding-left: 25px;
}

footer .categorias{
  float: ;
}
footer .categorias ul{
  float: ;
}

footer .categorias ul li{
  color: #FFFFFF;
  font-size: 12px;
  list-style: disc;
}

footer .categorias a{
  color: #FFFFFF;
}

footer .categorias a:hover,footer .categorias a:active{
  text-decoration: underline;
}

footer .categorias .titulo-categorias{
  font-size: 13px;
  vertical-align: middle;
  color: #FFFFFF;
  padding-left: 25px;
}

footer .columnas{
  float: left;
  color: #FFFFFF;
  width: 16.5%;
}

footer .columnas ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .columnas ul li{
  color: #FFFFFF;
  font-size: 12px;
  list-style: disc;
  margin-left: 80px;
}

footer .columnas ul li:first-child{
  font-size: 12px;
  margin: 0px;
  line-height: 30px;
  vertical-align: middle;
  padding-left: 50px;
  list-style: none;
}

footer .columnas ul li:first-child img{
  width: 30px;
  margin: 3px;
}

footer .columnas ul li a{
  color: #FFFFFF;
}

footer .columnas ul li a:hover, footer .columnas ul li a:active{
  text-decoration: underline;
}












footer .columnas2{
  float: left;
  color: #FFFFFF;
  /*width: 16.5%;*/
}

footer .columnas2 ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .columnas2 ul li{
  color: #FFFFFF;
  font-size: 12px;
  list-style: disc;
  margin-left: 40px;
}



footer .columnas2 ul li:first-child img{
  width: 20px;
  margin: 3px;
}

footer .columnas2 ul li a{
  color: #FFFFFF;
}

footer .columnas2 ul li a:hover, footer .columnas ul li a:active{
  text-decoration: underline;
}

a.mapa-sitio{
  font-size: 12px;
  color: #003366;
}

a.mapa-sitio:hover{
  color: #0062C4;
}

div.aviso-iva{
  font-size: 12px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  padding: 15px 7px 7px 7px;
  text-align: center;
  clear:both;
}

#contacto input[type=text], #contacto textarea, #contacto select{
  color: #333333;
  padding: 5px;
  font-size: 16px;
  width: 90%;
  font-family: "Futura Md BT";
  margin: 0 auto;
  border-radius: 4px;
}

#contacto .cajastxt{
	background: #FFF;
	height: 40px;
}

#contacto #action{
	width: 200px;
	margin: 10px;
	height: 60px;
	background: #003366;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
}

#proyectos input[type=text], #proyectos textarea, #proyectos select{
  color: #333333;
  padding: 5px;
  font-size: 16px;
  width: 90%;
  font-family: "Futura Md BT";
  margin: 0 auto;
}

#coriat input[type=text], #coriat textarea, #coriat select{
  color: #333333;
  padding: 5px;
  font-size: 16px;
  width: 90%;
  font-family: "Futura Md BT";
  margin: 0 auto;
}

div.noticias ol.flex-control-nav, div.noticias ol.flex-control-paging{
  display: none;
}


div.noticias a.flex-next, div.noticias a.flex-prev{
  display: none;
}

#logo{
    display: block;
    width: 125px;
    height: 80px;
	background-size: contain;
	float: left;
	padding: 0 20px;
}

#superior{
	width: 1280px;
	height: 80px;
	margin: 0 auto;
}

#datosmenu{
	float: left;
	width: 1060px;
	font-size: 12px;
	height: 80px;
	padding: 0 0;
}

#enviossup{
    display: block;
    float: left;
   	width: 30%;
    color: #333333;
    text-align: center;
	margin-top: 3px;
	height: 32px;
	}

#datossup{
    display: block;
    float: left;
    width: 30%;
    color: #f6f6f6f6;
    text-align: center;
    /* margin-top: 3px; */
    height: 40px;
    /* line-height: 40px; */
    border-radius: 0px 0px 15px 15px;
    padding: 5px;
    background: #333333;
}

#correosup{
    display: block;
    float: left;
    width: 20%;
    color: #333;
    text-align: center;
    /* margin-top: 3px; */
    height: 45px;
}

#redessup{
    display: block;
    float: left;
    width: 20%;
    color: #FF0000;
    text-align: center;
	margin-top: 0px;
	height: 32px;
}

#ubicacionessup{
    display: block;
    float: left;
    margin-top: 10px;
    width: 25%;
    color: #FF0000;
    text-align: center;
}

#ubicacionessup a{
	text-decoration:none;
	color: #FFFFFF;
}

/* Nuestro nav con id #menusup lo flotaremos a la derecha*/
#menusup{
  z-index: 100;
  width: 100%;
  height: 30px;
  padding: 10px 0;
  margin: 0 auto;
  }

/* Quitamos estilos por defecto de el tag UL */
#menusup ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Centramos y ponemos los textos en mayuscula */
#menusup li{
   display: block;
   float: left;
   text-transform: uppercase;
   text-align: center;
   width: 12.5%;
}

/* Damos estilo a nuestros enlaces */
#menusup li a{
    display: block;
    color: #020202;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
	border-bottom: solid 5px;
	border-bottom-color: #020202;
}
#menusup li a:hover{
	border-bottom-color: #F00;
}

/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile{
    display: none;
    background: url(/imagenes/nav.png) no-repeat center center;
    float: right;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top:0;
    opacity: .6;

}
/* Agregaremos esta clase a #nav-mobile, cuando el menusup mobile haya sido desplegado */
#nav-mobile.nav-active{
    opacity: 1;
}


#click-aqui-fb{
  color: #3B5998;
  font-size: 12px;
  font-family: Tahoma;
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  width: 100%;
  text-align: center;
}

.titulo-redes{
  background: #003366;
  width: 100%;
  color: #FFFFFF;
  line-height: 20px;
  text-align: center;
}

#btn-menu{
  display: none;
}

.producto-index{
  float: left;
  width: 31%;
  border: 1px solid #DDDDDD;
  margin: 1%;
}

.producto-index  div{
    width: 100%;
    height: 148px;
    position: relative;
    float: left;
}

.producto-index div div{
    width: 100%;
    height: 148px;
    position: absolute;
}

#iconolist{
	padding: 20px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    width: 32px;
    display: -webkit-inline-box;
    height: 32px;
    cursor: pointer;
    background: url(/imagenes/iconolist.png) no-repeat center center, -webkit-radial-gradient(top center, #FFFFFF, #DDDDDD);
    background: url(/imagenes/iconolist.png) no-repeat center center, -moz-radial-gradient(top center, #FFFFFF, #DDDDDD);
    background: url(/imagenes/iconolist.png) no-repeat center center, radial-gradient(top center, #FFFFFF, #DDDDDD);
}

#iconogrid{
	padding: 20px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    width: 32px;
    display: -webkit-inline-box;
    height: 32px;
    cursor: pointer;
    background: url(/imagenes/iconogrid.png) no-repeat center center, -webkit-radial-gradient(top center, #FFFFFF, #DDDDDD);
    background: url(/imagenes/iconogrid.png) no-repeat center center, -moz-radial-gradient(top center, #FFFFFF, #DDDDDD);
    background: url(/imagenes/iconogrid.png) no-repeat center center, radial-gradient(top center, #FFFFFF, #DDDDDD);
}

.selectedgrid{
    background: url(/imagenes/iconogrid.png) no-repeat center center !important;
    background: url(/imagenes/iconogrid.png) no-repeat center center !important;
    background: url(/imagenes/iconogrid.png) no-repeat center center !important;	
}
.selectedlist{
    background: url(/imagenes/iconolist.png) no-repeat center center !important;
    background: url(/imagenes/iconolist.png) no-repeat center center !important;
    background: url(/imagenes/iconolist.png) no-repeat center center !important;	
}

#productos .productos-categoria{
  width: 98%;
  border: 1px solid #DDDDDD;
  margin: 2% auto;
}

#productos .productos-categoria-c{
  width: 31%;
  margin: 1%;
  border: 1px solid #DDDDDD;
  float: left;
  height: 500px;
  overflow: hidden;
  position: relative;
}

#productos .productos-imagenes{
  float: left;
  width: 28%;
  margin: 1%;
  padding: 5px;
  text-align: center;
}

#productos .productos-imagenes-c{
  width: 96%;
  padding: 2%;
  text-align: center;
}

#productos .productos-marca{
  margin: 0 auto;
  width: 100%;
  /*width: 100%;*/
}

#productos .productos-imgproducto{
  margin: 0 auto;
}

#productos .productos-info{
  float: left;
  width: 68%;
  margin: 1%;
}

#productos .productos-info-c{
  float: left;
  width: 96%;
  padding: 0 2%;
  margin: 2%;
}

#productos .sello-destacado{
	width: 90%;
	margin: 0 auto;
}


#productos .sello-destacado-c{
	position: absolute;
	left: 0;
	top: 140px;
	width: 90px;
}

.titulo-caracteristicas{
	color: #003366;
    font-size: 18px;
    padding: 0 0 5px;
    margin: 0;
}

#productos .tabla-medidas{
	display: block;
}

#productos .tabla-medidas-c{
	display: none;
}

div.text-promocionld{
	margin: 1% 0;
	width: 100%;
}

#producto{
  border: 1px solid #DDDDDD;
  padding: 5px;
}

#producto .nom-prod{
	color: #003366;
	font-size: 18px;
	line-height: 40px;
	width: auto;
	padding: 0 1%;
	letter-spacing: -1px;
	float: left;	
}

.btn-likes{
  float: left;
  width: 10%;
}

.img-prod-solo{
  width: 98%;
  margin: 1%;
}

.img-prod-solo a img#principalimg{
  width: 90%;
}

.carac-prod-solo{
    width: 96%;
    margin: 2% auto;
}

.marca-prod-solo{
	margin: 0 auto;
	float: left;
	width: 140px
}

ul.list-carac-solo{
  font-size: 12px;
  padding: 0 0 0 15px;
  margin: 0;
  list-style-image: url(/imagenes/vineta-roja.png);
}

.carac-prod-solo ul li{
}

.titulo-tabla-medidas-solo{
  background: #003366;
  color: #FFFFFF;
  margin: 0 auto;
  border: 5px solid #003366;
}

.titulo-tabla-medidas-soloi{
  color: #000000;
  margin: 0 auto;
  border: 2px solid #000000;
}

.renglon1{
  margin: 0 auto;
  background: #FFFFFF;
  border: 5px solid #FFFFFF;
}

.renglon2{
  margin: 0 auto;
  background: #E2E2E2;
  border: 5px solid #E2E2E2;
}

.w100{
  width: 100%;
}
.w98{
  width: 98%;
}

.w96{
  width: 96%;
}

.w60{
  width: 60%;
}

.w50{
  width: 50%;
}

.w48{
  width: 48%;
}

.w40{
  width: 40%;
}

.w30{
  width: 30%;
}
.w25{
  width: 25%;
}
.w20{
  width: 20%;
}


.w19{
  width: 19%;
}

.w17{
  width: 17%;
}

.w15{
  width: 15%;
}

.w12{
  width: 12%;
}
.w10{
  width: 10%;
}

.w100i{
  width: 100%;
}

.w96i{
  width: 96%;
}
.w30i{
  width: 30%;
}
.w25i{
  width: 25%;
}
.w20i{
  width: 20%;
}
.w19i{
  width: 19%;
}

.w17i{
  width: 17%;
}

.w15i{
  width: 15%;
}

.w12i{
  width: 12%;
}
.w10i{
  width: 10%;
}

.floati{
  float: left;
}

/*--------------------------------------------------*/

.fsize12{
  font-size: 12px;
}

.float{
  float: left;
}

.text-promocion{
  text-align: right;
  font-weight: bold;
}

.text-bg-rojo{
  color: #FFFFFF;
  background: #CC0000;
  text-align: center;
}

#productos .nombre-producto{
  color: #003366;
  font-size: 22px;
  letter-spacing: -1px;
  font-family: "Futura Md BT";
}

#productos .nombre-producto-c{ 
  color: #003366;
  font-size: 16px;
  letter-spacing: -1px;
  font-family: "Futura Md BT";
}

#btn-llamar{
  display: none;
  width: 150px;
  margin: 0 auto;
}

#btn-llamar img{
  width: 150px;
}

#btn-llamadas{
  display: none;
  /*background: #003366; */
}

#btn-llamadas ul{
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

#btn-llamadas ul li{
  text-align: left;
  padding: 0;
  margin: 0;
}

#btn-llamadas a{
  text-align: left;
  padding: 0;
  margin: 0;
  color: #003366;
}

#btn-llamadas a:hover{
  opacity: 0.5;
}

#btn-llamadas a img{
  width: 40px;
}

.sidr-class-visible{
  display: block;
}

.sidr-class-invisible{
  display: none;
}

.lada{
  color: #000000;
  /*background: #003366;*/
  text-align: right;
  padding: 0px 0 10px 0;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  display: none;
}

#menu{
  position: absolute;
  display: none;
  height: 100%;
  top:0;
  left: 0;
  z-index: 1000;
  box-shadow: 0px 5px 10px #000000;
}

#menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

#menu ul li{
  padding: 5px;
  margin: 0;
  background: #161616;
  /*border-bottom: 1px groove #444444;*/
  /*background: -moz-linear-gradient(top, #333333 0%, #444444 47%, #333333 100%); /* FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(47%,#444444), color-stop(100%,#333333)); /* Chrome,Safari4+
  background: -webkit-linear-gradient(top, #333333 0%,#444444 47%,#333333 100%); /* Chrome10+,Safari5.1+
  background: -o-linear-gradient(top, #333333 0%,#444444 47%,#333333 100%); /* Opera 11.10+
  background: -ms-linear-gradient(top, #333333 0%,#444444 47%,#333333 100%); /* IE10+
  background: linear-gradient(top, #333333 0%,#444444 47%,#333333 100%); /* W3C
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

#menu a{
  color: #FFFFFF;
  text-decoration: none;
  line-height: 25px;
  text-shadow: 5px 5px 5px #000000;
}

#menu ul.sub li{
/*  background: #444444;            */
}

#menu ul.sub li a{
  font-size: 12px;
  color: #FFFFFF;
  text-shadow: 5px 5px 5px #000000;
  border-bottom: 1px dotted #FFFFFF;
}


.search-mobile{
  display: none;
}

.llamanos{
  width: 98%;
  height: 70px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  margin: 0 auto;
  padding: 5px;
}

.llamanos .div1{
  width: 10%;
  padding: 5px;
  float: left;
}
.llamanos .div2{
  width: 30%;
  padding: 5px;
  color: #203086;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  float: left;
}
.llamanos .div3{
  width: 30%;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  float: left;
  border-right: 1px solid #DDDDDD;
}
.llamanos .div4{
  width: 30%;
  padding: 5px;
  font-size: 14px;
  text-align: right;
  float: left;
}
.llamanos .div5{
}

.acotacion{
  display: none;
  font-size: 11px;
  color: #FFFFFF;
  background: #003366;
  padding: 5px;
}

.botones-movil{
  text-align: center;
  display: none;
}
.botones-movil1{
  text-align: center;
}

.vendedor-estilo{
  background: url() no-repeat top center;
  padding: 5px 30px 0 30px;
  text-align: center;
  width: 402px;
  height: 110px;
  margin: 0 auto;
  position: relative;
  top: -20px;
  line-height: 12px;
  font-size: 12px;
}

.vendedor-estilo div{
  color: #FFFFFF;
  font-size: 20px;
  width: 100%;
  text-align: center;
  height: 30px;
  padding: 5px;
}

.vendedor-estilo span{
  color: #182559;
}

.vendedor-estilo a{
  line-height: 16px;
  color: #003366;
  font-size: 14px;
}

.vendedor-movil{
  background: #003366;
  color: #FFFFFF;
  font-size: 14px;
  display: none;
  width: 90%;
  border-radius: 5px;
  padding: 5px;
  margin: 15px auto;
}

.vendedor-movil a{
  color: #FFFF00;
  font-size: 16px;
}

.vendedor-movil div{
  color: #FFFFFF;
  font-size: 20px;
  width: 100%;
  text-align: center;
  height: 20px;
  padding: 5px;
}

.productos-img-principal{
  /*width: 95%;*/
  margin: 0 auto;
}

.agregar-cotizacion{
  background: #F79D0B;
  color: #FFFFFF;
  line-height: 60px;
  text-shadow: 1px 1px 1px #000000;
  font-size: 18px;
  margin: 0 20px;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
}

.agregar-cotizacion:hover{
  background: #FF602B;
  color: #FFFFFF;
}

.navi-swiper{
  float: left;
  font-size: 40px;
  width: 5%;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  display: none;
}

div#promo{
  width: 800px;
  height: 640px;
  padding: 10px 10px 10px 10px;
  background: #000000;
  box-shadow: 5px 5px 5px #000000;
  position: absolute;
  top: 20px;
  left: 400px;
  z-index: 500;
  margin: 0 auto 0 auto;
  display: none;
}

#promo div{
  text-align: right;
}

#promo .cerrar{
  color: #FFFFFF;
  background: #333333;
  font-size: 12px;
}

#formid{
  border: 1px solid #CCCCCC;
  width: 98%;
}

#formid input, #formid textarea{
  border-radius: 3px;
  border: 0px;
  border-bottom: 1px solid #DDDDDD;
  padding: 5px;
  width: 95%;
}

.btnmenumovil{
	display: none;
}

.btnmarcarmovil{
	display: none;
}

#top{
	cursor: pointer;
	width: 60px;
	position: fixed;
	bottom: 80px;
	right: 26px;
}

#marcas_chosen{
	bottom: 10px;
}

hr.lineatitulo{
	border: 2px solid #003366; 
	margin: 0; 
	width: 60%;
}

h3.subtitulo{
	color: #003366; 
	font-size: 20px; 
	padding: 0; 
	margin: 0;
}

img.nosotrosizq{
	float: left; 
	width: 35%; 
	padding: 0;
}

div.nosotrosder{
	float: left; 
	width: 63%; 
	padding: 1%;
}

.seccionContacto{
	width: 100%; 
	height: 220px; 
	position: relative;
}

.seccionContacto .fotoCirculo{
	float: left; 
	text-align: center; 
	position: absolute; 
	z-index: 20; 
	left: 10%;
}

.seccionContacto .cuadroAsesor{
	float: left; 
	background: #6195c4; 
	color: #ffffff; 
	margin: 0 auto; 
	position: absolute; 
	left: 31%; 
	top: 14%; 
	width: 400px; 
	padding: 12px 50px; 
	border-radius: 10px; 
	font-size: 13px; 
	line-height: 12px;
}

.seccionContacto .nombreAsesor{
	position: absolute; 
	top: 40px;
	background: #003366; 
	padding: 10px; 
	text-align: center; 
	left: 25%;
}

.seccionContacto .icoCorreoContacto{
	background: url(/imagenes/correo-contacto.png) no-repeat left center; 
	padding-left: 24px; 
	line-height: 25px; 
	height: 22px; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

.seccionContacto .icoCorreoContacto a{
	color: #FFFFFF;
}

.seccionContacto .icoTelefonoContacto{
	background: url(/imagenes/telefono-contacto.png) no-repeat left center; 
	padding-left: 24px; 
	line-height: 25px; 
	height: 22px; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

.seccionContacto .icoTelefonoContacto a{
	color: #FFFFFF;
}

.btn-whatsapp{
	position: fixed; 
	z-index: 1000; 
  bottom: 0px; 
  right: 300px; 
  width: 150px;
}

.btn-whatsapp a{
	line-height: 25px;
    height: 25px;
    font-size: 15px;
    vertical-align: top;
    display: initial;
    color: red;
}
.btn-cotizar{
  position: fixed; 
  z-index: 275px;
   bottom: 140px;
    right: 0;
     width: 43px;
}

.btn-cotizar a{
  line-height: 25px;
    height: 25px;
    font-size: 15px;
    vertical-align: top;
    display: initial;
    color: red;
}

.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
    bottom: 85px !important;
}

.onesignal-bell-launcher-lg{
	right: 20px !important;
}


@media (min-width: 768px) and (max-width: 1276px) {
	#Wrapper{
		width: 100%;
	}
	
	#superior{
		width: 100%;	
	}
	
	#header{
		width: 100%;
		margin-bottom: 0;
		text-align: left;
		height: 80px;
	}
	
	#btn-llamadas{
		display: none;
	}
	
	#menu{
		display: none;
	}
		
	.llamanos{
		border: 0;
	}
	
	footer #fondo{
		min-height: 550px;
	}
		
	#logo{
		width: 10%;
		height: 100px;
		/*background: url(file:///C:/Users/Fabian%20Howard/Desktop/dinnovainox/web%20master/imagenes/logo.png) no-repeat 0 0;*/
	}
	
	#datosmenu {
		float: left;
		width: 80%;
		font-size: 12px;
		height: 110px;
		padding: 5px 0;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{
      margin: 0;
      padding: 0;
    }

    #header{
      width: 100%;
		margin-bottom: 0;
		text-align: left;
		height: 200px;
		padding-top: 5px;
    }
	
	#superior {
		width: 100%;
		height: 80px;
		margin: 0 auto;
	}

    #Wrapper{
      margin: 0;
      padding: 0;
      width: 100%;
    }

    #logo{
		float: none;
		margin: 5px auto;
		width: 100%;
		height: 81px;
		background: url(file:///C:/Users/Fabian%20Howard/Desktop/dinnovainox/web%20master/imagenes/logo.png) no-repeat center center;
		text-align: center;
		background-size: contain;
	}
	
	#datosmenu {
		float: left;
		width: 100%;
		font-size: 12px;
		height: 110px;
		padding: 5px 0;
	}

    .redes-sociales{
      float: none;
      width: 100%;
    }

    #nav-mobile{ display: block; }

    #menusup{
        float: none;
        display: none;
        z-index: 100;
    }
    /* Convertimos nuestra lista de enlaces en un menú horizontal */
    #menusup ul{
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        box-shadow: 0 1px 2px rgba(0,0,0,.5);
        max-height: 0;
        overflow: hidden;
    }
        /* estilos para los LI del menusup */
        #menusup li{
          background: #003366;
          border-bottom: 1px solid #282b30;
          float: none;
          width: 100%;
        }

        /* Quitamos el borde del ultimo item del menú */
        #menusup li:last-child{ border-bottom: 0;}
            #menusup li a{
                padding: 15px 0;
                height: auto;
                line-height: normal;
                font-size: 12px;
            }
            #menusup li a:hover{background:#004E9B}

    /* Agregamos una animación al despligue del menú */
    #menusup ul.open-menusup{
        max-height: 400px;
        -webkit-transition: max-height .4s;
        -moz-transition: max-height .4s;
        -ms-transition: max-height .4s;
        -o-transition: max-height .4s;
        transition: max-height .4s;
        width: 100%;
        position: static;
        display: block;
    }

    #contents{
      float: none;
      width: 100%;
    }

    #sidebar-wrapper{
      display: none;
    }

    #sidebar-wrapper2{
      display: none;
    }

    .flexslider{
      display: none;
    }

    #twitter-widget-0{
      display: none;
    }

    #click-aqui-fb{
      display: none;
    }

    .titulo-redes{
      display: none;
    }

    #sidebar-wrapper {
    }

    #btn-menu{
      display: block;
      /*background: #003366;*/
      margin: 0px 10px;
    }

    footer #fondo{
      height: 730px;
    }

    footer .columnas{
      float: left;
      color: #FFFFFF;
      width: 95%;
    }

    footer #fondo .logo{
      display: none;
    }

    footer #fondo .marcas, footer #fondo .categorias{
      display: none;
    }

    .producto-index{
      float: left;
      width: 47%;
      max-width: 270px;
      padding: 0px 2px;
      margin: 10px auto;
      height: 260px;
    }

    .prod-index{
      height: 200px;
    }

    .vermas{
      display: none;
    }

    .carac-index{
      display: none;
    }

    #productos .productos-imagenes{
      text-align: center;
      margin: 0 auto;
      width: 95%;
      float: none;
    }

    #productos .productos-info{
      width: 95%;
      margin: 0 auto;
      float: none;
    }

    #btn-llamar{
      display: none;
    }

    #menu{
      display: none;
    }

    .search-mobile{
      display: block;
    }

    .img-prod-solo{
      float: none;
      width: 95%;
      text-align: center;
      margin: 0 auto;
    }

    .carac-prod-solo{
      float: none;
      width: 95%;
    }

    .titulo-tabla-medidas-solo{
      display: none;
    }

    .float{
      float: none;
    }

    .acotacion{
      display: block;
    }

    .w50{
      width: 98%;
    }

    .w48{
      width: 98%;
    }

    .w40{
      width: 98%;
    }

    .w30{
      width: 98%;
    }
    .w25{
      width: 98%;
    }

    .w20{
      width: 98%;
    }
    .w19{
      width: 98%;
    }

    .w17{
      width: 98%;
    }

    .w15{
      width: 98%;
    }

    .w12{
      width: 98%;
    }
    .w10{
      width: 98%;
    }
    .botones-movil{
      display: block;
    }
    .botones-movil1{
      display: block;
    }

    #productos .productos-marca {
    margin: 0 auto;
    width: 350px;
    }
  .esconder{
      display: none;
  }

    .marca-prod-solo{
      margin: 0 auto;
      width: 80%;
    }

    #enviossup{
      display: none;
    }

    #datossup{
      float: none;
      width: 98%
    }

    #correosup{
      float: none;
      width: 95%
    }

    .lada{
      display: block;
    }

    #grupo-prod-index{
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }

    .cat-prod-index-img{
      display: none;
    }
	
    .navi-swiper{
        display:none;
    }
}



/* Landscape phones and down */
@media (max-width: 480px) {

    #header{
       height: 150px;
      padding-top: 0;
    position: fixed;
    }
	
	#datosmenu{
		width: 100%;
		font-size: 14px;	
	}
	
	#logo{
		background: url(file:///C:/Users/Fabian%20Howard/Desktop/dinnovainox/web%20master/imagenes/logo.png) no-repeat top center;	
		background-size: contain;
		height: 60px;
		width: 100%;
	}

    .producto-index{
      float: left;
      width: 48%;
	  margin: 1%;
      height: 170px;
    }    
	
	#superior{
		width: 100%;	
	}
	
	#redessup{
		width: 100%;
    margin-top: -160px;	
	}
    #btn-llamar{
      display: none;
    }

    .search-mobile{
      display: block;
    }

    .llamanos{
      display: none;
    }

    .titulo-tabla-medidas-solo{
      display: none;
    }

    .float{
      float: none;
    }

    .acotacion{
      display: block;
    }

    .w25{
      width: 98%;
    }

    .w19{
      width: 98%;
    }

    .w17{
      width: 98%;
    }

    .w15{
      width: 98%;
    }

    .w12{
      width: 98%;
    }
    .w10{
      width: 98%;
    }

    .btn-whatsapp{
       display: block;
    }
    .btn-whatsapp{
  position: fixed; 
  z-index: 1000; 
  bottom: 85px; 
      width: 50px;
}

  .esconder{
      display: none;
  }
    .botones-movil{
      display: block;
    }
    .botones-movil1{
      display: block;
    }

    .botones-movil img{
      width: 95%;
    }
    .botones-movil1 img{
      width: 95%;

    }

    .vendedor-estilo{
      display: none;
    }

    .vendedor-movil{
      display: block;
    }

	#secciones > div{    
		float: left; 
		text-align: center;
		margin: 1%; 
		width: 48%;
	}
	
	#secciones div div{ 
		background: #FFFFFF;
		background-size: cover;
		color: #000000;
		text-align: center;
		width: 100%;
		height: 100px;
		text-transform: uppercase;
		margin: 0;
		background-position: center top;
		line-height: 23px;
		opacity: 0.5;
		top: 40%;
	}
	#secciones div div a{ 
		text-decoration: none;
		color: #000000;
		opacity:1;
		line-height: 50px;
		font-size: 20px;
	}




  #secciones1 > div{    
    float: left; 
    text-align: center;
    margin: 1%; 
    width: 48%;
  }
  
  #secciones1 div div{ 
    background: #FFFFFF;
    background-size: cover;
    color: #000000;
    text-align: center;
    width: 100%;
    height: 100px;
    text-transform: uppercase;
    margin: 0;
    background-position: center top;
    line-height: 23px;
    opacity: 0.5;
    top: 40%;
  }
  #secciones1 div div a{ 
    text-decoration: none;
    color: #000000;
    opacity:1;
    line-height: 50px;
    font-size: 20px;
  }

    #productos .productos-marca {
    margin: 0 auto;
    width: 200px;
    }

    footer #fondo .logo{
      display: none;
    }
    footer #fondo .marcas, footer #fondo .categorias{
      display: none;
    }

    .lada{
      display: block;
    }

    #enviossup{
      display: none;
    }

    #datossup{
      float: none;
      width: 98%;
      padding-left: 5px;
      margin: 0;
	  height: 45px;
    }

    #correosup{
      margin: 0;
      padding: 0;
    }

    #grupo-prod-index{
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }

    .cat-prod-index-img{
      display: none;
    }

    #boxbolsa{
      display: none;
    }

    .navi-swiper{
        display:none;
    }

     .banner-encabezado{
    height: 150px !important;
    width: 100%;
    margin-top: 160px;
    background-position: left top;
    background-size: cover;
    overflow: hidden;
    }
    
	#ubicacionessup{
		float: none;
		width: 100%;	
	}
	
	.btnmenumovil{
		display: block;
		width: 50px; 
		position: absolute; 
		margin: 10px; 
		left: 0;
	}	
	.btnmarcarmovil{
		display: block;
		width: 50px; 
		position: absolute; 
		margin: 10px; 
		right: 0;
	}
	.prod-index{
		width: 100%;
		height: 163px;
	}
	
	.prod-index > div{
		width: 100%;
		height: 148px;
		position: relative;
		float: left;
	}

	hr.lineatitulo{
		width: 90%;
	}
	
	.seccionContacto{
		height: 340px;
		position: inherit;
	}
	
	.seccionContacto .fotoCirculo{
		float: none; 
		text-align: center; 
		position: inherit; 
		z-index: 20; 
		left: 0;
	}
	
	.seccionContacto .cuadroAsesor{
		float: none; 
		background: #6195c4; 
		color: #ffffff; 
		margin: 0 auto; 
		position: inherit; 
		left: 0; 
		top: 0; 
		width: 100%; 
		padding: 10px; 
		border-radius: 0; 
		font-size: 13px; 
		line-height: 12px;
	}
	
	.seccionContacto .nombreAsesor{
		position: inherit; 
		top: 0;
		background: #003366; 
		padding: 10px; 
		text-align: center; 
		left: 0;
	}
	
	.seccionContacto .icoCorreoContacto{
		background: url(/imagenes/correo-contacto.png) no-repeat left center; 
		padding-left: 24px; 
		line-height: 25px; 
		height: 22px; 
		padding-top: 2px; 
		padding-bottom: 2px;
	}
	
	.seccionContacto .icoCorreoContacto a{
		color: #FFFFFF;
	}
	
	.seccionContacto .icoTelefonoContacto{
		background: url(/imagenes/telefono-contacto.png) no-repeat left center; 
		padding-left: 24px; 
		line-height: 25px; 
		height: 22px; 
		padding-top: 2px; 
		padding-bottom: 2px;
	}
	
	.seccionContacto .icoTelefonoContacto a{
		color: #FFFFFF;
	}
	
	
	.btn-whatsapp a{
		line-height: 25px;
		height: 25px;
		font-size: 15px;
		vertical-align: top;
		display: initial;
		color: red;
	}

  .btn-cotizar a{
    line-height: 25px;
    height: 25px;
    font-size: 15px;
    vertical-align: top;
    display: initial;
    color: red;
  }
	
	.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
		bottom: 95px !important;
	}
	
	.onesignal-bell-launcher-lg{
		right: 20px !important;
	}
	

 }

 /*{margin:0;padding:0;box-sizing:border-box;outline:0}@media screen and (max-width:1000px){html{overflow-x:hidden}}body{background:linear-gradient(rgb(0,0,0,0),rgba(0,0,0,.0)),
  url(file:///C:/Users/Fabian%20Howard/Desktop/dinnovainox/web%20master/fondoweb.jpg)